<template>
    <div class="box">
        <Form :model="flags" inline :label-width="80">
            <FormItem label="时间范围">
                <Select v-model="conditions.time" size="small">
                    <Option value="全部">全部</Option>
                    <Option value="最近一周">最近一周</Option>
                    <Option value="最近二周">最近二周</Option>
                    <Option value="最近三周">最近三周</Option>
                    <Option value="最近一个月">最近一个月</Option>
                    <Option value="最近二个月">最近二个月</Option>
                    <Option value="最近三个月">最近三个月</Option>
                    <Option value="最近半年">最近半年</Option>
                    <Option value="最近一年">最近一年</Option>
                </Select>
            </FormItem>
            <FormItem label="排序">
                <Select v-model="conditions.sort" size="small">
                    <Option value="发布时间">发布时间</Option>
                    <Option value="阅读量">阅读量</Option>
                    <Option value="点赞数">点赞数</Option>
                    <Option value="评论数">评论数</Option>
                </Select>
            </FormItem>
        </Form>
    </div>
</template>

<script type="text/ecmascript-6">
    export default{
        props:{
            flags:{
                type: Object,
                // 对象或数组默认值必须从一个工厂函数获取
                default: function () {
                    return { message: 'hello' }
                }
            }
        },
        components: {},
        data () {
            return {
                conditions:{
                    time:'全部',
                    sort:'发布时间'
                }
            }
        },
        methods: {},
        created(){

        },
        munted(){

        }
    }
</script>

<style scoped>
    .box{
        border:1px solid #dcdee2;
        height:36px;
        background-color: #fff;
        margin-bottom:10px;
        border-radius: 4px;
        background-color: #f8f8f8;
    }
</style>